article {
  width: 1020px;
  height: auto;
  overflow: auto;
  background: #f3f3f3;
  padding: 20px;
  margin: 0 auto;
}
article.hot section {
  background: #ffffff;
  height: 300px;
  width: 500px;
  box-shadow: 0 0 5px #777777;
}
article.hot section:first-of-type {
  float: left;
}
article.hot section:last-of-type {
  float: right;
}
article.swiper section {
  height: 200px;
  background: #ffffff;
  box-shadow: 0 0 5px #777777;
}
article.swiper section:first-of-type {
  width: 200px;
  float: left;
}
article.swiper section:last-of-type {
  width: 800px;
  float: right;
}
